*{
    margin:0;
    padding:0;
}
html,body,#root{
    height: 100%;
    width: 100%;
}
.baidu{
    width: 100%;
    height: 100%;
    /* background-color: pink; */
    display: flex;
    justify-content: center;
    padding-top: 5%;
}
.home{
    width: 654px;
    height: 50%;
    /* padding-top:30px; */
    padding-left: 100px;
    padding-right: 100px;
    padding-bottom:30px;
    /* background-color: cornflowerblue; */
}
.top{
    width: 100%;
    height: 125px;
    /* background-color: blue; */
    display: flex;
    align-items: center;
    justify-content: center;
}
.top img{
    width: 270px;
    height: 125px;
}
.search{
    width: 100%;
    height: 42px;
    margin-top: 20px;
    /* background-color: aqua; */
}
.search-box{
    width: 99.5%;
    height: 100%;
    /* background-color: pink; */
    display: flex;
    border: 2px solid rgb(167, 166, 166);
    border-radius: 10px;
}
.left{
    width: 85%;
    height: 100%;
    background-color: chocolate;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.left input{
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    padding-left: 15px;
    box-sizing: border-box;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.right{
    width: 15%;
    height: 42px;
    background-color: #4E6Ef2;
    border-top-right-radius: 8px;
    border-bottom-right-radius:8.5px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 17px;
    /* border:2px solid #666; */
}
.list{
    width: 100%;
    margin-top:30px;
    /* background-color: pink; */
}
.listTop{
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    font-weight: bold;
}
.lists{
    width: 100%;
}
.lists ul{
    width: 100%;
    list-style: none;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.lists ul li{
    width: 50%;
    margin-top:10px;
}